<template>
	<view class="top-bar" :style="{'background': readTheme.defaultBackground}">
		<view class="status-bar" :style="{ height: iStatusBarHeight + 'px','background': readTheme.defaultBackground}"></view>
	</view>
</template>

<script>
	import {
		mapState,
		mapGetters
	} from 'vuex'
	export default {
		computed:{
			...mapState({
				iStatusBarHeight: state => state.global.iStatusBarHeight
			}),
			...mapGetters({
				readTheme:'readTheme'
			})
		},
	}
</script>

<style lang="scss" scoped>
	.top-bar {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		z-index: 10;
	}
</style>
